<template>
  <div class="friend-circle">
    <MyCircle />
    <SendCircle />
  </div>
</template>

<script>
import MyCircle from './components/MyCircle.vue'
import SendCircle from './components/SendCircle.vue'

export default {
  components: {
    MyCircle,
    SendCircle
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.friend-circle {
  flex: 1 1 auto;
  // padding: 10px 20px;
  display: flex;
  // border: solid red 1px;
}
</style>
